<template>
  <div class="loanSuccess">
    <van-nav-bar
        :title="$t('submit_success')"
        left-arrow
        @click-left="$router.push('/home/index')"
    />
    <div class="content">
      <img class="image" src="../../assets/icon_submit_sucess.png">
      <div class="success_text">{{ $t('loan_apply_success') }}</div>
      <div class="tips">{{ $t('notice_regard') }}</div>
    </div>
    <div class="confirm">
      <button @click="$router.push('/order/index')">{{ $t('loan_progress_check') }}</button>
    </div>
  </div>

</template>

<script>
import {useStore} from "vuex";

export default {
  setup() {
    const store = useStore()
    // 清除loading
    store.dispatch('changeLoading', false)
  }
}
</script>

<style lang="less" scoped>
.loanSuccess {
  background-color: #f2f3f5;
  overflow: auto;

  ::v-deep .van-nav-bar {
    background: linear-gradient(90deg, #FF5252, #FF8244) !important;
    z-index: 1999;
  }

  ::v-deep .van-nav-bar .van-icon {
    color: #333333 !important;
  }

  ::v-deep .van-switch {
    height: 26px !important;

    .van-switch__node {
      height: 26px !important;
    }

  }

  .content {
    margin-top: 30px;
    text-align: center;

    .image {
      width: 101px;
      height: 100px;
    }

    .success_text {
      font-size: 13px;
      color: #333333;
      font-family: PingFang SC;
      font-weight: bold;
    }

    .tips {
      font-size: 10px;

      color: #818181;
    }
  }

  .confirm {
    margin-top: 30px;
    text-align: center;

    button {
      width: 250px;
      padding: 10px 0;
      color: #ffffff;
      border: none;
      font-size: 16px;
      background: linear-gradient(-45deg, #FF5252, #FF8C3C);
      box-shadow: 0px 4px 10px 0px rgba(255, 92, 78, 0.52);
      border-radius: 29px;
    }
  }
}
</style>
